<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>录入学生信息</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="layui/css/layui.css"  media="all">
	</head>
	<body>
		
		
		
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
	  	<legend>录入学生信息</legend>
		</fieldset>
		<form class="layui-form layui-form-pane" action="admin/addStudent.do">
			<div class="layui-form-item">
			<div class="layui-inline">
		      <label class="layui-form-label">团队</label>
		      <div class="layui-input-inline">
		        <select name="modules" lay-verify="required" lay-search="">
		          <option value="">直接选择或搜索选择</option>
		          <option value="1">Uni-T</option>
		          <option value="2">***教师团队</option>
		          <option value="3">埃扣团队</option>
		          <option value="4">element</option>
		          <option value="5">laytpl</option>
		          <option value="6">upload</option>
		          <option value="7">laydate</option>
		        </select>
		      </div>
		    </div>
		   </div>
		  <div class="layui-form-item">
		    <label class="layui-form-label">姓名</label>
		    <div class="layui-input-inline">
		      <input type="text" name="username" lay-verify="required" placeholder="输入学生姓名" autocomplete="off" class="layui-input">
		    </div>
		  </div>
		  <div class="layui-form-item">
		    <label class="layui-form-label">学号</label>
		    <div class="layui-input-inline">
		      <input type="text" name="username" lay-verify="required" placeholder="输入学生学号" autocomplete="off" class="layui-input">
		    </div>
		  </div>
		  <div class="layui-form-item">
		    <label class="layui-form-label">性别</label>
		    <div class="layui-input-block">
		      <input type="radio" name="sex" value="男" title="男" checked="">
		      <input type="radio" name="sex" value="女" title="女">
		    </div>
		  </div>
		  <div class="layui-form-item">
		    <div class="layui-inline">
		      <label class="layui-form-label">手机号</label>
		      <div class="layui-input-inline">
		        <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
		      </div>
		    </div>
		    <div class="layui-inline">
		      <label class="layui-form-label">邮箱</label>
		      <div class="layui-input-inline">
		        <input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
		      </div>
		    </div>
		  </div>
		  <div class="layui-form-item">
		    <label class="layui-form-label">年级</label>
		    <div class="layui-input-inline">
		      <select name="quiz1">
		        <option value="">请选择年级</option>
		        <option value="one" selected="1">大一</option>
		        <option value="two" selected="2">大二</option>
		        <option value="three" selected="3">大三</option>
		      </select>
		    </div>
		    <div class="layui-input-inline">
		      <select name="quiz2">
		        <option value="">请选择班级</option>
		        <option value="1001" id="1">卓越171</option>
		        <option value="1002" id="2">RB软工金171</option>
		        <option value="1003" id="3">卓越151</option>
		      </select>
		    </div> 
		  </div>
		<div class="layui-form-item">
		    <div class="layui-input-block">
		      <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
		      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
		    </div>
		  </div>		  
		  
		  
		</form>
		<script src="layui/layui.js" charset="utf-8"></script>
		<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
		<script>
		layui.use(['form', 'layedit', 'laydate'], function(){
		  var form = layui.form
		  ,layer = layui.layer
		  ,layedit = layui.layedit
		  ,laydate = layui.laydate;
		  
		  //日期
		  laydate.render({
		    elem: '#date'
		  });
		  laydate.render({
		    elem: '#date1'
		  });
		  
		  //创建一个编辑器
		  var editIndex = layedit.build('LAY_demo_editor');
		 
		  //自定义验证规则
		  form.verify({
		    title: function(value){
		      if(value.length < 5){
		        return '标题至少得5个字符啊';
		      }
		    }
		    ,pass: [/(.+){6,12}$/, '密码必须6到12位']
		    ,content: function(value){
		      layedit.sync(editIndex);
		    }
		  });
		  
		  //监听指定开关
		  form.on('switch(switchTest)', function(data){
		    layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
		      offset: '6px'
		    });
		    layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
		  });
		  
		  //监听提交
		  form.on('submit(demo1)', function(data){
		    layer.alert(JSON.stringify(data.field), {
		      title: '最终的提交信息'
		    })
		    return false;
		  });
		  
		  
		});
		</script>
	</body>
</html>
